<template>
	<view class="box" >

		<view v-if="num" class="navTop" >
			<image src="../static/icon/leftop1.png" alt="" @click="backHome()">
				<text class="title" :style="'color:'+ color">{{name}}</text>
				<image @click="Gohelp()" src="../static/icon/wh.png" alt="">
		</view>

		<view v-else class="navTop" >
			<image src="../static/icon/icon1/fh.png" alt="" @click="backHome()">
				<text class="title" :style="'color:'+ color">{{name}}</text>
			<image @click="Gohelp()" src="../static/icon/wh.png" alt="">
		</view>
		<view class="lang">
		</view>
	</view>
</template>

<script>
	export default {
		// name title名
		// num 控制箭头按钮颜色
		// color title颜色
		props: ["name", "num"],
		created() {
			console.log(this.name);
		},
		data() {
			return {
				color:'#fff'
			};
		},
		methods: {
			Gohelp(){
				console.log(11);
				uni.navigateTo({
					url:'/pages/Mypage/Help/Help'
				})
			},
			backHome() {
				console.log(this.$route)
			uni.navigateBack({
				
			})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.box {
		position: fixed;

		.sImg {
			z-index: 2;

			image {
				position: absolute;
				top: -82px;
				left: -35px;
				width: 200px;
				height: 170px;
			}
		}

		.lang {
			height: 88rpx;
		}

		.navTop {
			.title {
				
			}

			// background-color: #fff;
			height: 88rpx;
			// background-color: blue;
			// opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding:0rpx 30rpx;

			image {
			
				opacity: 1;
				width: 43rpx;
				height: 43rpx;
			}

			.title {
				// color: rgb(179, 109, 240);
				font-size: 36rpx;
			}
		}
	}
</style>
